<template>
	<view style="text-align: center;margin-top: 30px;">
		<view class="">
			<i class="ri-checkbox-circle-fill" style="color:#008040;font-size:100px;"></i>
			<!-- <i-icon size="100px" color="#008040" name="checkbox-circle-fill"></i-icon> -->
			<view class="h2 b30">提现申请成功</view>
		</view>
		<view class="bkk p-flow" style="text-align: left;">
			<view class="bc p-flow-step">
				<view class="p-flow-step-no">1</view>
				<view class="cs">
					<view class="gre">提现申请</view>
					<view class="f12">2020-2-2 12:12</view>
				</view>
			</view>
			<view class="bc p-flow-step">
				<view class="p-flow-step-no">2</view>
				<view class="cs">
					<view class="gre">银行处理</view>
					<view class="f12">2020-2-2 12:12</view>
				</view>

			</view>
			<view class="bc p-flow-step">
				<view class="p-flow-step-off">3</view>
				<view class="cs">
					<view>预计到账</view>
					<view class="f12">两小时内</view>
				</view>
			</view>
		</view>
		<view class="bz" style="margin-top: 30px;">
			<button @click="toUserCenter()">完成</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toUserCenter(){
				uni.redirectTo({
					url:'u-center'
				})
			}
		}
	}
</script>

<style>
	.p-flow-step {
		display: block;
		margin-left: 10px;
		padding-left: 10px;
		padding-top: 20px;
		border-left: 1px solid #808080;
	}

	.gre {
		color: #008040;
	}

	.cs {
		margin-top: -22px;
		margin-left: 22px;
	}

	.p-flow-step-no {
		display: inline-block;
		font-size: 12px;
		height: 22px;
		width: 22px;
		line-height: 22px;
		background-color: #008040;
		border-radius: 50%;
		text-align: center;
		margin-left: -22px;
		margin-right: 20px;
		color: #FFFFFF;
	}

	.p-flow-step-off {
		display: inline-block;
		font-size: 12px;
		height: 22px;
		width: 22px;
		line-height: 22px;
		background-color: #999;
		border-radius: 50%;
		text-align: center;
		margin-left: -22px;
		margin-right: 20px;
		color: #FFFFFF;
	}
</style>
